草庐IT

jQuery UI 实例 - 按钮(Button)

全部标签

javascript - 如何使 iFrame 在单击按钮时进入全屏?

我想让iFrame通过使用JavaScript单击按钮全屏显示。 最佳答案 您必须做两件事:使窗口全屏显示,然后填满整个尺寸。您可以使用JS使其全屏显示,例如thisSOanswer.然后,要使其成为全尺寸,只需添加一些样式,如下所示。这个JS脚本所做的是将具有这些样式的类添加到.JSdocument.getElementsByTagName("iframe")[0].className="fullScreen";CSSbody,html{height:100%;margin:0;}.fullScreen{width:100%;he

javascript - 为什么以编程方式单击按钮与单击 DOM 时任务/微任务执行顺序不同?

在DOM中单击按钮与以编程方式单击按钮时,微任务/任务队列的执行顺序有所不同。constbtn=document.querySelector('#btn');btn.addEventListener("click",function(){Promise.resolve().then(function(){console.log('resolved-1');});console.log('click-1');});btn.addEventListener("click",function(){Promise.resolve().then(function(){console.log('r

javascript - 如何访问使用 YUI 选中的单选按钮的值?

我有以下单选按钮结构......我将如何检索任何选中的单选按钮的值?我已经检查了YUI文档,但确实没有任何好的示例。我也想知道在YUI中如何通过输入名称获取元素? 最佳答案 在YUI3中:varvalue=Y.one("#testinput[name=test1]:checked").get("value");在YUI2中://thenull,null,null,trueisoptional,butreturnsonlythefirstmatchvarinput=YAHOO.util.Dom.getElementsBy(functi

javascript - Bootstrap 避免使用导航栏切换按钮关闭移动设备上打开的子菜单

我有一个基于Bootstrap3.3.7的代码我的菜单有不同的菜单项和子菜单,我想在手机上打开所有的子菜单项,意味着不需要点击任何菜单项来显示它的子菜单,所以我写了一个JS代码来打开所有手机上的子菜单:functionopensubmenus(){if($(window).width()但问题是当我点击导航栏切换按钮时,它会关闭所有子菜单,但我需要让它们在移动设备上始终保持打开状态你可以在这个网站上查看我的在线样本:https://dedidata.com我在这里展示了一个截图:https://pasteboard.co/IfSMCIu.jpg我不喜欢完全禁用navbar-toggle

javascript - 返回自身实例的对象

背景:我最近的项目无法使用大型库,这让我很伤心。我想从任何库中获得一些东西,例如缺少的函数addClass、hasClass、removeClass、compatibleaddEventListener等所以我创建了alittleobject我想在其他时间提出一些意见,但我在设置我喜欢的方式时遇到了一些麻烦。为了方便使用,我希望对象在创建时返回其自身的新实例。给定:$=function(){this.name="levi";returnthis;};console.log($());我们得到DOMWindow而不是$因为JavaScript中this的古怪本质。对我来说更奇怪的是con

javascript - 自定义X-editable(AngularJS)的取消代码按钮

当用户添加新行并单击取消按钮(不放置任何数据)时,是否可能删除该行。否则我该如何更改取消按钮的代码,因为这个代码使用了angularJS的默认xeditable代码。(或者如果行为空,我该如何调用删除函数?)这是EXAMPLE.取消按钮的HTML:cancel 最佳答案 您可以调用自己的函数。为此,您应该像这样更改您的html:cancel如您所见,有一个以表单和当前索引作为参数的新函数。在您的Controller中,您必须定义此函数:$scope.cancelAdvice=function(rowform,index){conso

javascript - preventDefault 在提交按钮中不起作用

我有html表单,当我单击submit按钮时,页面转到insert.php我不会的preventDefoul不起作用我有这个脚本htmlHTMLjquery$("#submit").click(function(event){event.preventDefault();}); 最佳答案 您需要监听而不是监听按钮点击提交:$("form").submit(function(event){event.preventDefault();});现代jQuery(1.7或更高版本):$("form").on('submit',functio

javascript - 比较两个组件——组件 X 是组件 A 的实例吗

我有一个通用组件,它映射其子组件以仅过滤特定类型的子组件,如下所示。但是,使用属性type只是猜测,我找不到它的文档。不仅如此,记录它表明它是一个函数-无法执行。最重要的是,在使用Browserify时需要解决几个问题。另一种选择是读取child.prototype.displayName。但这也让人感觉不对。问题:基本上,我正在寻找一种可靠的方法来比较两个ReactJS组件是否相等。示例(更新:毕竟没那么糟糕)varFoo=React.createClass({render:function(){returnFoo;}});varBar=React.createClass({rend

javascript - 有没有办法使用 Jquery 来检测跨浏览器按下后退按钮

我有一个幻灯片放映的网站,当用户按下后退按钮时,我希望它返回到相册View而不是先前的并阻止页面。有没有办法做到这一点?感谢您提供任何帮助或建议。 最佳答案 jQueryAddress为浏览器历史记录和Ajax抓取提供强大的跨浏览器支持:http://www.asual.com/jquery/addresshttp://github.com/asual/jquery-address问候更新:你可以在这里找到一个好的示例:http://jsfiddle.net/5L6Ur/10/一些简短的代码:$(function(){$('a').

javascript - Angularjs - 使用指令来实例化其他指令?

所以让我们在我的HTML中说我有这样的东西:那么这个指令的javascript是这样的:tabsApp.directive('tabcontent',function(){varmyObj={priority:0,template:'',replace:true,controller:'TabCtrl',transclude:false,restrict:'E',scope:false,compile:function(element,attrs){returnfunction(parentScope,instanceEle){parentScope.$watch('type',fun